 * {
     margin: 0;
     padding: 0;
 }
 
 html {
     width: 100%;
     height: 100%;
     font-size: 625%;
 }
 
 body {
     width: 100%;
     height: 100%;
     /*background: #1a1a1d;*/
     overflow: hidden;
 }
 
 #btnInit{
     width: 4.3rem;
     height: 0.8rem;
     border:0.05rem solid #5a0808;
     position: absolute;
     color:#fff;
     left: 50%;
     bottom: 20%;
     margin-left: -2.15rem;
     border-radius: 1rem;
     font-size: 0.3rem;
     font-weight: 900;
     text-align: center;
     line-height: 0.8rem;
     cursor: pointer;
     display: none;
 }
 ul,
 li {
     list-style: none;
 }
 
 #animal {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     min-width: 2rem;
     min-height: 1rem;
 }
 
 #left {
     display: none;
     width: 0.65rem;
     height: 1.98rem;
     position: relative;
     left: 0.42rem;
     top: 50%;
     margin-top: -0.99rem;
     box-sizing: border-box;
    
 }
 
 #left li {
     width: 0.55rem;
     height: 0.55rem;
     border-radius: 50%;
     background: url(../img/green-texture.png) no-repeat;
     padding: 0.02rem;
     margin-bottom: 0.05rem;
     margin-left: 0.05rem;
     opacity: 0;
 }
 
 #left li span {
     display: block;
     width: 0.45rem;
     height: 0.45rem;
     border-radius: 50%;
     margin-top: 0.04rem;
     margin-left: 0.04rem;
     opacity: 0;
 }
 
 #right {
     display: none;
     width: 1.05rem;
     height: 2.41rem;
     position: absolute;
     right: 0.42rem;
     top: 50%;
     margin-top: -0.99rem;
     box-sizing: border-box;
 }
 
 #right li {
     width: 0.55rem;
     height: 0.55rem;
     border-radius: 50%;
     background: url(../img/green-texture.png) no-repeat;
     padding: 0.02rem;
     margin-bottom: 0.05rem;
     margin-left: 0.05rem;
 }
 #right li:nth-child(2){
     opacity: 0;
 }
 #right li span {
     display: block;
     width: 0.45rem;
     height: 0.45rem;
     border-radius: 50%;
     margin-top: 0.04rem;
     margin-left: 0.04rem;
     font-size: 0.4rem;
     text-align: center;
     line-height: 0.45rem;
     cursor: pointer;
 }
 #right li:nth-child(2) {
     background: url(../img/repeat-white.png);
 }
 
 #right li:nth-child(1) span {
     position: relative;
     background: #000;
 }
 .move0 {
     animation: animal 3s infinite;
     -webkit-animation: animal 3s infinite;
 }
 @keyframes animal {
     0% {
         left: 2%;
     }
     50% {
         left: -2%;
     }
     100% {
         left: 2%;
     }
 }
 .warp {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     font-size: 0;
     z-index: 2;
 }
 @keyframes song {
     0% {
         transform: translateY(0);
         opacity: 1;
     }
     100% {
         transform: translateY(-50px);
         opacity: 0;
     }
 }
